<template>
  <div class="center">
    <el-row>
      <el-col :span="4">
        <ul>
          <li><a href="#">华为商城</a></li>
          <li><a href="#">荣耀商城</a></li>
          <li><a href="#">京东商城</a></li>
          <li><a href="#">唯品会</a></li>
          <li><a href="#">闲鱼</a></li>
        </ul>
      </el-col>
      <el-col :span="4">
        <ul>
          <li><a href="#">华为商城</a></li>
          <li><a href="#">荣耀商城</a></li>
          <li><a href="#">京东商城</a></li>
          <li><a href="#">唯品会</a></li>
          <li><a href="#">闲鱼</a></li>
        </ul>
      </el-col>
      <el-col :span="4">
        <ul>
          <li><a href="#">华为商城</a></li>
          <li><a href="#">荣耀商城</a></li>
          <li><a href="#">京东商城</a></li>
          <li><a href="#">唯品会</a></li>
          <li><a href="#">闲鱼</a></li>
        </ul>
      </el-col>
      <el-col :span="4">
        <ul>
          <li><a href="#">华为商城</a></li>
          <li><a href="#">荣耀商城</a></li>
          <li><a href="#">京东商城</a></li>
          <li><a href="#">唯品会</a></li>
          <li><a href="#">闲鱼</a></li>
        </ul>
      </el-col>
      <el-col :span="4">
        <ul>
          <li><a href="#">华为商城</a></li>
          <li><a href="#">荣耀商城</a></li>
          <li><a href="#">京东商城</a></li>
          <li><a href="#">唯品会</a></li>
          <li><a href="#">闲鱼</a></li>
        </ul>
      </el-col>
      <el-col :span="4">
        <ul>
          <li><a href="#">华为商城</a></li>
          <li><a href="#">荣耀商城</a></li>
          <li><a href="#">京东商城</a></li>
          <li><a href="#">唯品会</a></li>
          <li><a href="#">闲鱼</a></li>
        </ul>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <div class="copy">
          Copyright @ 2024-2099 Solar
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>

</script>

<style scoped>
.footer_bg {
  background-color: var(--theme-bg-color);
}

ul li {
  text-align: center;
  line-height: 30px;
}

ul li a {
  color: #AAA;
  font-size: 17px;
}

ul li a:hover {
  color: #FFF;
}

.copy {
  text-align: center;
  color: #FFF;
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
}
</style>